<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 全局作用域：在函数以外的作用域称为全局作用域，全局作用域下的变量就是全局变量。可以在代码的任意位置访问到
      // 函数作用域：在函数以内的作用域称为函数作用域，函数作用域下的变量就是局部变量。只能在定义它的函数内部访问到

      // 在script的顶层定义的变量叫全局变量
      let a = 3;
      console.log("a: " + a);

      const fn = function () {
        console.log("a: " + a);
        let b = 4;
        console.log("b: " + b);
      };
      fn();

      console.log("b: " + b);





      
      function fun2() {
        let c = 3;
        function fun3() {
          let d = 7;
          console.log(c, d);
        }
        fun3();
        console.log(c);
        console.log(d);
      }
      fun2();
    </script>
  </body>
</html>
